<template>
<div class="container">
    <div class="login">
        <div class="item">
            <h1>欢迎来到家族族谱管理系统</h1>
        </div>
            <div style="border width:400px;height:100px;text-align: center;" >
                    <el-button size="large" color="#337ecc" :dark="isDark" plain>
                        <el-link href="http://localhost:8080/#/login" target="_blank">点击进入</el-link>
                    </el-button>
             </div>
        </div>
    </div>
</template>
<script>
export default {
name: 'Index'
}
</script>
<style scoped lang="scss">
.container{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
    background-image: url('background.png');
    .index{
        width:400px;
         border: 1px solid rgb(255, 255, 255);
        border-radius: 6px;
         color: rgb(19, 18, 18);
    }
    span{
                width: 60px;
                text-align: center;
            }
    }
</style>